<template>
    <div class="banner">
      <el-carousel height="350px">
        <el-carousel-item v-for="item in 4" :key="item">
          <h3 class="small justify-center" text="2xl">
              <img class="banner_img" src="http://syt.atguigu.cn/_nuxt/img/web-banner1.b91d1a1.png"/>
          </h3>
        </el-carousel-item>
      </el-carousel>
  
    </div>
  </template>
  
  <script lang="ts">
   import { defineComponent } from 'vue'
    export default  defineComponent({
      name:'Banner'
    })
  </script>
  <script lang="ts" setup>
    
  </script>
  
  <style scoped>
    .banner{
      width: 1200px;
      margin: 0 auto;
    }
    .banner_img{
      width: 1200px;
      height: 350px;
    }
  </style>